@media screen and (max-width: 767px){
    .xnav-static .xnav .xnav-list>li{
        height:auto;
    }
    .xnav-static .xnav .xnav-list>li a {
        width: 100%;
        display: block;
    }
    #example-navbar-collapse {
        max-height: 85vh;
    }
    .xnav-static .xnav .xnav-list>li{
        line-height:28px;
    }
    .child-menu-mobile{
        padding-left: 15px;
    }
    .xnav-static .xnav .xnav-list .active{
        background: #ffffff;
        color: #003f88;
        padding-left: 5px;
        margin-bottom: 5px;
    }
    .xnav-static .xnav .xnav-list>.active{
        background: #ffffff;
        color: #003f88;
        padding-left: 5px;
        margin-bottom: 5px;
    }
    .xnav-static .xnav .dropdown-submenu > .active:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 6px 6px 6px 6px;
        border-bottom-color: #003f88 !important;
        margin-top: 5px;
        margin-right: 10px;
    }
    .xnav-static .xnav .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 6px 0 6px 6px;
        border-left-color: #ccc;
        margin-top: 10px;
        margin-right: 10px;
    }
}